<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    <script src='../vue.js'></script>

</head>
<body>
    <div id='app'>
        <div :style="{color :styleA }">111</div>
        <div :style="styleObj">22</div>
        <div :style="styleArr">33</div>
    </div>

    <script>
        Vue.config.productionTip = false;

        // const vm = new Vue({
        //     el : '#app',
        //     data(){
        //         return {
        //             styleA : 'red',
        //             styleObj : {
        //                 height:'100px',
        //                 width:"100px",
        //                 background:'red'
        //             },
        //             styleArr:[
        //                 {width:'200px'},
        //                 {height:'200px'},
        //                 {background:'blue'},
        //                 {color:'#000'}
        //             ]
        //         }
        //     }
        // });

        // new Vue({
        //     el:'#app',
        //     data:{
        //         styleA:'red',
        //         styleObj:{
        //             height:'100px',
        //             width:'200px',
        //             background:'skyblue',
        //             color:'red'
        //         },
        //         styleArr:[
        //             {height:'100px'},
        //             {width:'200px'},
        //             {background:'blue'},

        //         ]
        //     }
        // });

        new Vue({
            data:{
                styleA:'blue',
                styleObj:{
                    height:'200px',
                    width:'300px',
                    background:'skyblue',
                    color:'#000'
                },
                styleArr:[
                    { height:'200px'},
                    { width:'300px'},
                    {color:'skyblue'}
                ]
            }
        }).$mount('#app')
    </script>
</body>
</html>